.el-menu-item.is-active {
  background: #455cc6;
  color: #fff;
}
.el-menu-item:hover,
.el-submenu__title:hover,
.el-submenu .el-menu-item:hover
{
  background-color: #f8f8f8;
}
.el-submenu .el-menu-item {
  background-color: #f2f2f2;
  font-size: 12px;
}
.el-submenu .el-menu-item.is-active {
  background-color: #ebedf9;
  color: #666;
}

/* 输入框 */
.el-input, .el-input__icon {
  line-height: 28px;
  font-size: 12px;
}
.el-input__inner {
  height: 28px;
}
.el-input-group__append {
  line-height: 26px;
}
.el-input-group__append {
  padding: 0 10px;
  color: #fff;
}

/* 表格 */
.el-table td, .el-table th {
  padding: 6px 0;
  font-size: 12px;
  color: #666;
  /* text-align: center; */
}
.el-table th {
  background-color: #eef1f6;
}

/* 按钮 */
.el-button--text {
  font-size: 12px;
}
.el-button {
  min-height: 28px;
  padding: 0 20px;
}
.calculator {
  .el-button--text {
    padding: 0;
    i {
      font-size: 16px;
      font-weight: bold;
      margin-top: -4px;
      margin-right: 4px;
      vertical-align: middle;
    }
  }
}

/* radio 按钮 */
.el-radio-button {
  margin-right: 20px;
  .el-radio-button__inner {
    width: 120px;
    height: 28px;
    padding: 6px;
    font-size: 12px;
    border-left: 1px solid #DCDFE6;
    border-radius: 4px;
  }
  &:first-child {
    .el-radio-button__inner {
      border-radius: 4px;
    }
  }
  &:last-child {
    .el-radio-button__inner {
      border-radius: 4px;
    }
  }
}

.el-input-number {
  width: 130px;
  line-height: 26px;
}
// -------------------长宽高px类-------------------

@for $i from 0 through 100 {
  .m-#{$i*10} {margin: #{$i*10}px;}
  .m-#{$i*2} {margin: #{$i*2}px;}
  .m-l-#{$i*10} {margin-left: #{$i*10}px;}
  .m-l-#{$i*2} {margin-left: #{$i*2}px;}
  .m-r-#{$i*10} {margin-right: #{$i*10}px;}
  .m-r-#{$i*2} {margin-right: #{$i*2}px;}
  .m-b-#{$i*10} {margin-bottom: #{$i*10}px;}
  .m-b-#{$i*2} {margin-bottom: #{$i*2}px;}
  .m-t-#{$i*10} {margin-top: #{$i*10}px;}
  .m-t-#{$i*2} {margin-top: #{$i*2}px;}

  .p-#{$i*10} {padding: #{$i*10}px;}
  .p-#{$i*2} {padding: #{$i*2}px;}
  .p-l-#{$i*10} {padding-left: #{$i*10}px;}
  .p-l-#{$i*2} {padding-left: #{$i*2}px;}
  .p-r-#{$i*10} {padding-right: #{$i*10}px;}
  .p-r-#{$i*2} {padding-right: #{$i*2}px;}
  .p-b-#{$i*10} {padding-bottom: #{$i*10}px;}
  .p-b-#{$i*2} {padding-bottom: #{$i*2}px;}
  .p-t-#{$i*10} {padding-top: #{$i*10}px;}
  .p-t-#{$i*2} {padding-top: #{$i*2}px;}
  .w-#{$i*5} {width: #{$i*5}px!important;}
  .w-#{$i*10} {width: #{$i*10}px !important;}
  .h-#{$i*10} {height: #{$i*10}px !important;}

  .gap-#{$i*10} {gap: #{$i*10}px;}
  .gap-#{$i*2} {gap: #{$i*2}px;}

  .line-height-#{$i*2} {line-height: #{$i*2}px;}
  .max-height-#{$i*5} {max-height: #{$i*5}px;}
}

.block {
  display: block;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-row-reverse {
  display: flex;
  flex-direction: row-reverse;
}
.flex-column-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-left{
  justify-content: flex-start;
}
.justify-right{
  justify-content: flex-end !important;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-around {
  justify-content: space-around;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap {
  flex-wrap: wrap;
}
.font-12 {
  font-size: 12px;
}
.font-14 {
  font-size: 14px;
}
.font-16 {
  font-size: 16px;
}
.font-18 {
  font-size: 18px;
}
.font-20 {
  font-size: 20px;
}
.font-22 {
  font-size: 22px;
}
.font-24 {
  font-size: 24px;
}
.remark-main {
  color: #455cc6;
}
.font-weight-400 {
  font-weight: 400;
}
.font-weight-700 {
  font-weight: 700;
}
.display-flex {
  display: flex;
}
.flex-item{
  flex: 1;
}
.page-box {
  margin-top: 10px;
  text-align: right;
}
.position-relative{
  position: relative;
}
.position-absolute{
  position: absolute;
}
.align-center{
  align-items: center;
}
.align-top{
  align-items: start;
}
.align-bottom{
  align-items: flex-end;
}
.pointer {
  cursor: pointer;
}